/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @format
 */

/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #39697C;
  --ifm-color-primary-dark: rgb(33, 175, 144);
  --ifm-color-primary-darker: rgb(31, 165, 136);
  --ifm-color-primary-darkest: rgb(26, 136, 112);
  --ifm-color-primary-light: #272526;
  --ifm-color-primary-lighter: rgb(102, 212, 189);
  --ifm-color-primary-lightest: rgb(146, 224, 208);
  --ifm-code-font-size: 95%;
  --ifm-color-secondary: #9C7C33;
  --ifm-footer-background-color: #272526;
  --ifm-font-family-base: Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --ifm-font-family-monospace: Hack, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

.docusaurus-highlight-code-line {
  background-color: rgb(72, 77, 91);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

@font-face {
  font-family: RbNo31;
  src: url('/font/RBNo31-Light.ttf') format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: RbNo31-Black;
  src: url('/font/RBNo31-Black.ttf') format('truetype');
  font-weight: 900;
}

@font-face {
  font-family: RbNo31-Black;
  src: url('/font/RBNo31-Black.ttf') format('truetype');
  font-weight: 900;
}

@font-face {
  font-family: Montserrat;
  src: url('/font/Montserrat-Light.ttf') format('truetype');
  font-weight: 300,400,500,700;
}

@font-face {
  font-family: Montserrat-Bold;
  src: url('/font/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 300,400,500,700;
}

@font-face {
  font-family: Barlow-SemiBold;
  src: url('/font/Barlow-SemiBold.ttf') format('truetype');
  font-style: bold;
}

@font-face {
  font-family: Barlow;
  src: url('/font/Barlow-Regular.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'Hack';
  src: url('/font/hack-regular.woff2') format('woff2'), url('/font/hack-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Hack';
  src: url('/font/hack-bold.woff2') format('woff2'), url('/font/hack-bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Hack';
  src: url('/font/hack-italic.woff2') format('woff2'), url('/font/hack-italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Hack';
  src: url('/font/hack-bolditalic.woff2') format('woff2'), url('/font/hack-bolditalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

h1, h2, h3, h4 {
  font-family: Barlow-SemiBold, sans-serif;
}

h1 {
  color: #39697C;
}

h2, h3, h4 {
  color: #9C7C33;
}

.menu, .contents {
  font-family: Barlow-SemiBold, sans-serif;
}

.navbar {
  font-family: Barlow-SemiBold, sans-serif;
  text-transform: uppercase;
  font-style: bold;
}

.footer {
  background-color: #272526;
  color: #9C7C33;
}

.heroTitle {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-size: 38px;
  font-style: normal;
}
